articles

Home / DeveloperSection / Articles / Ajax Toolkit MultiHandleSliderExtender Control in ASP.Net

Ajax Toolkit MultiHandleSliderExtender Control in ASP.Net

John Smith24853 07-Dec-2010

MultiHandleSliderExtender enable to handle multi slider in .Net web application.

MultiHandleSlider Properties:

·         Minimum - Minimum value allowed.

·         Maximum - Maximum value allowed.

·         Length - The length of the graphical slider, in pixels.

·         Decimals - Number of decimal digits for the value.

·         Steps - Number of discrete values inside the slider's range.

·         EnableRailClick - Whether clicking on the rail will move the closest handle to the click location.

·         EnableKeyboard - Whether slider values can be changed using the keyboard.

·         EnableMouseWheel - Whether slider values can be changed using the mouse wheel.

·         Increment - For sliders using keyboard or mouse wheel support; determines the number of points to increment or decrement the slider values.

·         BoundControlID - For backwards compatibility, allows using classic Slider properties for a single handle.

·         RaiseChangeOnlyOnMouseUp - If true, fires the change event on the extended TextBox only when the left mouse button is released.

·         MultiHandleSliderTargets - An inner property describing each handle on the slider.

·         ControlID - The TextBox or Label whose value is bound to this handle.

Code:

Write these codes on aspx page

 <%-- Add three textbox--%>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:TextBox ID="txtSlider" runat="server" Width="40px"></asp:TextBox>
<%-- Add multihandlelsiderExtender control and scriptmanager control also--%>
 
<cc1:MultiHandleSliderExtender ID="MultiHandleSliderExtender1" runat="server" TargetControlID="txtSlider"BehaviorID="multiHandleSliderOne" Minimum="0" Maximum="100" Steps="50" Length="317">
<MultiHandleSliderTargets>
<cc1:MultiHandleSliderTarget ControlID="TextBox1" />
<cc1:MultiHandleSliderTarget ControlID="TextBox2" />
</MultiHandleSliderTargets>
</cc1:MultiHandleSliderExtender>

 

Run the project

When you slide left slider then changes value will will show in left textbox and when you slide right slider then changes value will show in reight textbox.

Ajax Toolkit MultiHandleSliderExtender Control in ASP.Net


Updated 04-Mar-2020
I am best.

Leave Comment

Comments

Liked By